import React, { useState } from 'react';
import { Rate } from 'antd';
import style from './index.module.less';
import img1 from '@/style/imgs/editTeam/edit_1.3c2b9e4.png';
import img2 from '@/style/imgs/editTeam/edit_2.9a13183.png';
import img3 from '@/style/imgs/editTeam/edit_3.d30f9ee.png';
import img4 from '@/style/imgs/editTeam/edit_4.e83ca65.png';
import img5 from '@/style/imgs/editTeam/s_8.png';

const EditTeam = () => {
    const [teamList, setTeamList] = useState([
        {
            title: '我们的编辑',
            desic:
                '万方寰宇拥有涵盖生物医学、植物学、化学、材料学、物理学、自然科学和人文社科类1300+细分学科的资深编辑专家。万方寰宇起源于美国首都华盛顿，毗邻世界著名的大学和科研院所，在高水平编辑招聘方面有得天独厚的优势。我们HR和质控部门与著名学术期刊的主要审稿人建立联系，邀请他们作为我们的学术编辑。我们通过专业的测试，筛选一部分达到我们标准的母语编辑为客户服务，获邀请的每一位编辑都具有研究生以上学历且拥有超过8年以上的稿件编辑经验。我们论文编辑将针对您的文章给予专业的建议，并大幅提高稿件被期刊接收的可能性，经过万方寰宇修改润色，稿件接受率提高了61%。质量是我们的核心竞争力，我们的客户满意度高达95%。为了达到质量要求，我们遵循严格的招募流程，确保顶尖的英文编辑水平，所有的编辑均是他们各自领域的专家学者。',
            img: img1,
        },
        {
            title: '编辑专家的工作有哪些？',
            desic:
                '1、接受万方寰宇质量部门的严格培训；<br />2、明晰万方寰宇对客户的质量承诺；<br />3、接受万方寰宇质控部门的严格评估，<br />并相应作出改善提高；4、参加每周一次的编辑工作线上会议；<br />5、定时并高质量完成约定的稿件编辑任务。',
            img: img2,
        },
        {
            title: '1、只聘用专业学科编辑',
            desic:
                '专业编辑团队<br />世界各地名校毕业<br />世界主流英文期刊审稿人<br />博士学位，最好有博士后经历<br />欧美大学退休教授<br />超过3000名对应学科的编辑人员<br />由于学术论文发表的要求很高，我们不会雇用科研新手。万方寰宇只招募拥有研究生以上学历且具有丰富科研经历的编辑。每位编辑在录用前，都要经过严格测试和评估，以确保他们在各自领域有足够的能力编辑高阶的稿件。所有的编辑也必须接受万方寰宇的培训以及定期表现评估。他们也拥有全球顶尖大学的博士学位，如哈佛、耶鲁、麻省理工、牛津等大学。确保每一份稿件达到最高的语言和质量水准。',
            img: img3,
        },
        {
            title: '2、只聘用科研经验丰富的母语编辑',
            desic:
                '以英语为母语<br />平均编辑经验8+年<br />来自美英等国家<br />已在国际期刊上发表多篇研究论文<br />万方寰宇聘用以英语为母语的高水平编辑，这保证了论文的的流畅性和可读性，并消除语义模糊部分。他们是来自美国、英国、加拿大等以英语为母语的国家，都是高水平的科研工作者，在主流期刊上发表过多篇高水平论文，并拥有丰富的审稿经验，十分了解如何修改才能让论文得到认可并被接受发表。',
            img: img4,
        },
    ]);
    const [introductionList, setIntroductionList] = useState([
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
        {
            title: '工程力学; 材料力学; 高能物理学',
            start: 5,
            desic:
                'Dr. Forter是美国物理学界泰斗级人物，目前退休在家。2017年，Dr. Forter加入了万方寰宇学术，兼职担任万方寰宇学术与咨询委员会物理学方向会长，万方寰宇学术编辑。Dr. Forter毕业于哈佛大学，学术成果斐然，曾发表10本高水平著作，在Nature, PNAS, American Journal of Physics等领域顶级SCI杂志上发表科学论文560余篇。他获得的奖项包括Prize for General Excellence, Phillips Exeter Academy; 美国物理学会会士等。迄今为止，他已帮助万方寰宇的客户修改文章共130余篇，经他修改和提供科学建议的文章被SCI杂志接收的概率大大增加。目前，他的客户好评率是97.9%，位居前几位。',
            img: img5,
        },
    ]);
    return (
        <>
            <div className={style.team_header}>
                <div className={style.mask} />
                <span>团队介绍</span>
            </div>
            {/* 编辑团队简介 */}
            <div className={style.introduction_body}>
                <div className={style.public_title}>编辑团队简介</div>
                <div className="h4">Team profile</div>
                {teamList.map((item: any, index: number) => {
                    return (
                        <div className={style.team_item} key={index}>
                            {index % 2 !== 0 && (
                                <img src={item.img} alt="图片加载失败" className={style.img} />
                            )}
                            <div className={style.item_desic}>
                                <div className="h3 black strong">{item.title}</div>
                                <p
                                    className="h4"
                                    dangerouslySetInnerHTML={{ __html: item.desic }}
                                />
                            </div>
                            {index % 2 === 0 && (
                                <img src={item.img} alt="图片加载失败" className={style.img} />
                            )}
                        </div>
                    );
                })}
            </div>
            {/* 部分编辑简介 */}
            <div className={style.brief_introduction}>
                <div className={style.public_title}>部分编辑简介</div>
                <div className="h4">Team profile</div>
                {introductionList.map((item: any, index: number) => {
                    return (
                        <div className={style.profile_item}>
                            <div className={style.profile_start}>
                                <span className="h4">编辑评级 </span>
                                <Rate allowHalf defaultValue={item.start} />
                            </div>
                            <div className={style.profile_content}>
                                <img src={item.img} alt="图片加载失败" />
                                <div>
                                    <div className="h4 strong">擅长领域</div>
                                    <p className="h4">{item.title}</p>
                                    <p className="h4">{item.desic}</p>
                                </div>
                            </div>
                        </div>
                    );
                })}
            </div>
        </>
    );
};

export default EditTeam;
